<template>
	<qiun-data-charts type="line" :opts="props.opts" :eopts="props.eopts" :chartData="props.chartData" :echartsH5="true"
		:echartsApp="true" />
</template>

<script setup>

	//echarts配置项
	// const ceopts = {
	// 	seriesTemplate: {
	// 		smooth: true
	// 	},
	// 	color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
	// 		"#ea7ccc"
	// 	],
	// 	legend: {
	// 		left: "left",
	// 		top: "top"
	// 	},
	// 	grid: {
	// 		left: 'left',
	// 		right: '10',
	// 		bottom: '10',
	// 		top: "35",
	// 		containLabel: true
	// 	},
	// 	xAxis: {
	// 		type: 'category',
	// 	},
	// 	yAxis: {
	// 		type: 'value'
	// 	}
	// }
	
	const props = defineProps({
		chartData: {
			type: Object
		},
		opts: {

		},
		eopts: {
			type: Object,
			default () {
				return {
					seriesTemplate: {
						smooth: true
					},
					color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
						"#ea7ccc"
					],
					legend: {
						left: "left",
						top: "top"
					},
					grid: {
						left: 'left',
						right: '10',
						bottom: '10',
						top: "35",
						containLabel: true
					},
					xAxis: {
						type: 'category',
					},
					yAxis: {
						type: 'value'
					}
				}
			}
		}
	})
</script>

<style>
</style>